import React from "react";
import { NavBar } from "react-vant";
import { Tabs, Empty } from "react-vant";
import { useNavigate } from "react-router";
import men from "./images/men.jpg";
import styles from "./index.module.css";
const Index: React.FC = () => {
  const navigate = useNavigate();
  const items = ["全部", "待就诊", "已完成", "已关闭"];
  return (
    <div className={styles.menzhen}>
      <NavBar title="门诊预约" onClickLeft={() => navigate("/my")} />
      <Tabs defaultActive={0}>
        {items.map((item, ind) => (
          <Tabs.TabPane key={ind} title={item}>
            <Empty
              className={styles.custom_image}
              imageSize={100}
              image={<img src={men} style={{ width: "100%" }} />}
              description="暂无订单"
            />
          </Tabs.TabPane>
        ))}
      </Tabs>
    </div>
  );
};

export default Index;
